<!--
  Generated template for the CommentDingPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar color="orange">
        <ion-title>
            {{page_title}}
        </ion-title>
    </ion-navbar>

</ion-header>


<ion-content padding>
    <!-- 头像 -->
    <div class="ht-100 ht-overflow">
        <img src="" alt="" class="cd-img">
    </div>
    <!-- 姓名 -->
    <div class="cd-name">
        {{userInfo.nickname}} 先生
    </div>
    <!-- 您对工作满意吗 -->
    <div class="cd-my">
        <div class="cd-my-span">
            <span>{{page_declare}}</span>
        </div>
    </div>
    <!-- 按钮 -->
    <div class="ht-overflow ht-padding-2015">
        <div class="ht-33 ht-float-left">
            <label>
                <div class="cd-btn" [ngClass]="{'cd-btn-hover': info['star'] == 5}" >
                    <input type="radio" hidden [(ngModel)]="info['star']" value="5" > 满意
                </div>
            </label>
        </div>
        <div class="ht-33 ht-float-left">
            <label>
                <div class="cd-btn" [ngClass]="{'cd-btn-hover': info['star'] == 3}" >
                    <input type="radio" hidden [(ngModel)]="info['star']" value='3' > 一般
                </div>
            </label>

        </div>
        <div class="ht-33 ht-float-left">
            <label>
                <div class="cd-btn" [ngClass]="{'cd-btn-hover': info['star'] == 1}" >
                    <input type="radio" hidden [(ngModel)]="info['star']" value='1' > 不满意
                </div>
            </label>

        </div>
    </div>
    <!-- 输入框 -->
    <textarea name="" id="" cols="5" rows="10" class="cd-text" placeholder="想说啥，写在这里吧！" [(ngModel)]="info['content']" ></textarea>
</ion-content>
<ion-footer>
    <ion-toolbar>
        <div class="ht-100 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" (click)="sub()">立刻评价</div>
    </ion-toolbar>
</ion-footer>